<layout name="layout" />
<div class="main-div">
    <form name="main_form" method="POST" action="__SELF__" enctype="multipart/form-data">
        <table cellspacing="1" cellpadding="3" width="100%">
            <tr>
                <td class="label">会员名称：</td>
                <td>
                    <input  type="text" name="role_name" value="" />
                </td>
            </tr>

            <tr>
                <td class="label">权限列表：</td>
                <td>
                    <?php foreach($priData as $k=>$v): ?>
                    <?php echo str_repeat('-',8*$v['level']); ?>
                    <input level_id="<?php echo $v['level']; ?>"  type="checkbox" name="pri_id[]" value="<?php echo $v['id']; ?>" />
                    <?php echo $v['pri_name']; ?><br/>
                    <?php endforeach; ?>
                </td>
            </tr>

            <tr>
                <td colspan="99" align="center">
                    <input type="submit" class="button" value=" 确定 " />
                    <input type="reset" class="button" value=" 重置 " />
                </td>
            </tr>
        </table>
    </form>
</div>


<script>
    //为所有的复选框添加一个点击事件
    $(":checkbox").click(function(){
        //先取出这个选中的level—id
        var tmp_level_id = level_id = $(this).attr("level_id");
        if($(this).attr("checked")){
            //选中所有子权限
            $(this).nextAll(":checkbox").each(function(k,v){                    //当前选中对象下面所有的checkbox标签 并且循环
                if($(v).attr("level_id")>level_id){
                    $(v).attr("checked","checked");
                }else {
                    return false;
                }
            });
            //选中所有上级权限
            $(this).prevAll(":checkbox").each(function(k,v){                    //当前选中对象上面所有的checkbox标签 并且循环
                if($(v).attr("level_id")<tmp_level_id){
                    $(v).attr("checked","checked");
                    tmp_level_id--;                       //再找到更上一级的
                }
            });
        }else{
            //取消选中所有子权限
            $(this).nextAll(":checkbox").each(function(k,v){                    //当前选中对象下面所有的checkbox标签 并且循环
                if($(v).attr("level_id")>level_id){
                    $(v).removeAttr("checked");
                }else {
                    return false;
                }
            });
        }
    });
</script>